<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<script src="jquery-1.7.2.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".subtitle").click(function(){
			var subtitle=$(this).text();
			if(subtitle=="박스오피스"){
				location.href="movie.do?command=getBoxOffice";
			}
			else if(subtitle=="현재상영작"){
				location.href="movie.do?command=getScreeningMovie";
			}
			else if(subtitle=="상영예정작"){
				location.href="movie.do?command=getUpcomingMovie";
			}
			else if(subtitle=="예매하기"){
				location.href="reservation.do?command=reservation";
			}
			else if(subtitle=="예매확인/취소"){
				location.href="reservation.do?command=res_confirm";
			}
			else if(subtitle=="예매/취소내역"){
				location.href="mycinema.do?command=getMyHistory";
			}
			else if(subtitle=="부가정보수정"){
				location.href="mycinema.do?command=getMyInfo";
			}
			else if(subtitle=="고객의소리"){
				location.href="mycinema.do?command=board";
			}
			else if(subtitle=="회원탈퇴"){
				location.href="mycinema.do?command=leave";
			}
			else if(subtitle=="서울"||subtitle=="경기"||subtitle=="인천"){
				location.href="theater.do?command=loadLocalInfo";
			}
		});
	});
</script>
<style type="text/css">
	#textT {  
        text-align: center;
    }
	#menu{	
		width:500px; /* 가로 너비를 정하는 속성입니다. */
	}
	.title{
		display:block; 
		padding:8px 8px 8px 10px; /* 내부여백 padding값 순서대로 top right bottom left */	
		margin-bottom:1px; /* 하단에 외부여백 1px */	
		background-color:#C90C18; /* 바탕색 */	
		color:#FCFC61; /* 글자색 */	
	}
	.subtitle, .locNo{	
		display:block; /* a태그의 display속성을 block으로 설정 */	
		padding:10px 10px 10px 15px; /* 내부여백 padding값 순서대로 top right bottom left */	
		margin-bottom:1px; /* 하단에 외부여백 1px */	
		background-color:#2A2B37; /* 바탕색 */	
		color:#FFFFFF; /* 글자색 */	
		font:12px Verdana; /* 폰트 속성 순서대로 크기 글꼴 */
		text-transform:uppercase; /* 폰트를 대문자로 바꿔준다. */
	}
	.subtitle:hover, .locNo:hover{
		cursor:pointer;	
		padding-left:10px; /* 왼쪽 여백을 기존 15px에서 10px으로 줄여준다. */
		border-left:5px solid #b6e24c; /* 줄어든 여백만큼 border로 5px을 지정해 준다. */
		color:#FCFC61; /* 폰트 색상 */
	}

</style>
</head>
<body>
<center><font size="4"  color="2317C9"><b>SITE MAP</b></font></center>
<br>
<hr width="500" align="center">
<table id='menu' align="center">
	<tr>
		<td valign="top">
			<table><!-- 영화정보 -->
				<tr>
					<td><font size="3" class="title"><b>영화정보</b></font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle">박스오피스</font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle">현재상영작</font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle">상영예정작</font></td>
				</tr>
			</table>
		</td>
		<td valign="top">
			<table><!-- 극장정보 -->
				<tr>
					<td><font size="3" class="title"><b>극장정보</b></font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle" id="1">서울</font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle" id="2">경기</font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle" id="3">인천</font></td>
				</tr>
			</table>
		</td>
		<td valign="top">
			<table><!-- 예매 서비스 -->
				<tr>
					<td><font size="3" class="title"><b>예매서비스</b></font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle">예매하기</font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle">예매확인/취소</font></td>
				</tr>
			</table>
		</td>
		<td valign="top">
			<table><!-- 멤버십 -->
				<tr>
					<td><font size="3" class="title"><b>멤버십</b></font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle">예매/취소내역</font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle">부가정보수정</font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle">고객의소리</font></td>
				</tr>
				<tr>
					<td><font size="2" class="subtitle">회원탈퇴</font></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
